<template>
  <view class="content">
    <image class="logo" src="/static/logo.png"></image>
    <view>
      <text class="title">{{ title }}</text>
    </view>
    <MTUniFab />

    <HelloWorld msg="Welcome to Your Vue.js App" />
    <HelloWorld2 />
  </view>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";
import HelloWorld2 from "./components/HelloWorld2.vue";
export default {
  components: {
    HelloWorld,
    HelloWorld2,
  },
  data() {
    return {
      title: "Hello",
    };
  },
  onLoad() {
    this.$Store.setDefault({
      key1: [],
      key2: 1,
      key3: {
        c: 1,
      },
      funKey: () => {
        console.log("触发一次funKey");
      },
    });
  },
  methods: {},
};
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin: 200rpx auto 50rpx auto;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
